﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="htz">
<meta name="keywords" content="">
<meta name="description" content="">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="skins/all.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="js/htz-core.js"></script>

<style type="text/css">
   </style>
<!--script src="http://www.google.com/jsapi"></script-->

<script>
//google.load("jquery", "1", { uncompressed: true });
//google.load("jqueryui", "1",{uncompressed:htz.debug});
//google.load("prototype", "1",{uncompressed:htz.debug}); 
//google.load("scriptaculous", "1",{uncompressed:htz.debug}); 
//google.load("mootools", "1",{uncompressed:htz.debug}); 
//google.load("dojo", "1",{uncompressed:htz.debug}); 
//google.load("swfobject", "2",{uncompressed:htz.debug}); 
//google.load("yui", "2",{uncompressed:htz.debug});
//google.load("ext-core", "3",{uncompressed:htz.debug});
//google.setOnLoadCallback(function() {

//});</script>

</head>
<body>

<script type="text/javascript">
//htz.load("ccc");
</script>


<h1>
   Head 1</h1>
<h2>
   Head 2</h2>
<h3>
   Head 3</h3>
<h4>
   Head 4</h4>
<h5>
   Head 5</h5>
<h6>
   Head 6</h6>
<hr />
<p>p起一段</p>

<hr />

<big>big字体稍大</big> <small>small字体稍小</small><sub>sub下标</sub> <sup>sup上标</sup>

<hr />


<i>i以斜体渲染</i>
<u>u下划线渲染文本</u>
<b>b粗体渲染文本</b>

<em>em强调文本，通常以斜体渲染</em>
<strong>strong作重点强调的粗体渲染文本</strong>

<hr />

<dfn>dfn术语定义</dfn>
<var>var定义编程变量。通常以斜体渲染。</var>
<code class="code">code指定代码范例</code>
<samp>samp代码范例</samp>

<hr />

<ins>ins插入到文档中的文本</ins>
<del>del文本已经从文档中删除</del>

<hr />

<hr />

<hr />
<table class="tbl">
   <caption class="tbl-caption">
      Table Caption</caption>
   <caption class="tbl-message">
      Table Message</caption>
   <thead class="tbl-head">
      <tr>
         <th>
            1
         </th>
         <th>
            2
         </th>
         <th>
            3
         </th>
      </tr>
      <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
      </tr>
   </thead>
   <tbody class="tbl-body">
      <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
      </tr>
      <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
      </tr>
   </tbody>
   <tfoot class="tbl-foot">
      <tr class="tbl-totel">
         <td>Totel:</td>
         <td colspan="2">Table Foot TD</td>
      </tr>
      <tr class="tbl-active">
         <td colspan="3">Table Active</td>
      </tr>
   </tfoot>
</table>



<fieldset class="grp">
   <legend class="grp-title">Group Title</legend>ccc
</fieldset>


<dl class="box">
   <dt class="box-title">Box Title</dt>
   <dd class="box-data">
      Box Data</dd>
   <dd class="box-foot">
      Box Foot</dd>
</dl>



<ul class="list">
   <li>List One</li>
   <li>List Two</li>
   <li>List Three</li>
</ul>
<menu class="menu">
   <li class="menu-first">Home</li>
   <li>News</li>
   <li>Article</li>
   <li>Product</li>
   <li class="menu-last">Logout</li>
</menu>
<div class="fclear">
</div>
<ol class="sort">
   <li>No1</li>
   <li>No2</li>
   <li>No3</li>
</ol>
<dir class="dir">
   <li>艺术</li>
   <li>历史</li>
   <li>文学</li>
   <li>运动</li>
   <li>娱乐</li>
   <li>科学</li>
</dir>
<hr class="line" />
<hr class="line_dashed" />
<select class="drp">
   <optgroup label="a">
      <option value="1">1</option>
      <option value="2">2</option>
   </optgroup>
   <optgroup label="b">
      <option value="1">1</option>
      <option value="2">2</option>
   </optgroup>
   <optgroup label="c" disabled="disabled">
      <option value="1">1</option>
      <option value="2">2</option>
   </optgroup>
</select>



<address>
   china beijing地址信息</address>








<abbr>
   abbr</abbr>
<bdo dir="ltr">bdo</bdo>  



<pre>pre固定宽度字体渲染文本</pre>
<kbd>kbd固定宽度字体渲染文本</kbd>
<tt>tt固定宽度字体渲染文本</tt>

<acronym>acronym标明缩写词</acronym>
<q>q引语：来标记简短的单行引用</q>
<blockquote>blockquote引语：用来标记那些一段或者好几段的长篇引用</blockquote>
<cite>cite用斜体显示标明引言</cite>


<span>span内嵌文本容器</span>



<button>按钮</button>
<input class="btn" type="button" value="按钮" />
</body>
</html>
